/**
 * Created by liguangsong on 16/8/5.
 */
import React from 'react'

var PlayerView = React.createClass( {

    getLine() {
        var line = [];
        for (var i = 0; i < 11; i++) {
            var length = 250 + i * 170;
            line.push(<div key={i} className="GameDetailVerticalLine" style={{ left: (length + "px") }}></div>);
        }

        return line;
    },

    render() {
        return (
            //<div className="GameDetailPlayerInfo">
            //    <div className="GameDetailDownLine"></div>
            //    { this.getLine() }

            //</div>
            <tr className="center">
                <td className={this.props.styleName} style={{ left: '0px', width: '250px' }}>{this.props.player}</td>
                <td className={this.props.styleName}>{this.props.position}</td>
                <td className={this.props.styleName} style={{left: 424}}>{this.props.pts}</td>
                <td className={this.props.styleName} style={{left: 596}}>{this.props.ast}</td>
                <td className={this.props.styleName} style={{left: 768}}>{this.props.reb}</td>
                <td className={this.props.styleName} style={{left: 938}}>{this.props.fg}</td>
                <td className={this.props.styleName} style={{left: 1109}}>{this.props.blk}</td>
                <td className={this.props.styleName} style={{left: 1276}}>{this.props.stl}</td>
                <td className={this.props.styleName} style={{left: 1444}}>{this.props.threePt}</td>
                <td className={this.props.styleName} style={{left: 1616}}>{this.props.ft}</td>
                <td className={this.props.styleName} style={{left: 1790}}>{this.props.to}</td>
                <td className={this.props.styleName} style={{left: 1962}}>{this.props.pf}</td>
            </tr>
        )
    }
});

export default PlayerView;